@charset "utf-8";
/**
 * Created by younger on 2016/03/15.
 * 主要内容部分
 */

//主要内容
.main {
  @extend %fl;
  width: 720px;

  //文章,有摘要的
  @at-root {
    .main-article {
      @extend %box;
      @extend %borderBox;
      @extend %mb;

      //文章图片
      @at-root {
        .main-article-pic {
          text-align: center;

          img {
            @extend %borderBox;
            @extend %pic-frame;
            width: 100%;
          }

          @at-root {
            .main-article-post-meta {
              text-align: left;
              color: lighten($titleColor, 20);
              margin: 0;
            }
          }
        }
      }

      //文章
      @at-root {
        //文章标题
        @at-root {
          .main-article-title {
            color: $titleColor;
          }
        }

        //文章摘要
        @at-root {
          .main-article-summary {
            color: $textColor;
          }
        }

        //文章详情按钮
        @at-root {
          .main-article-detail-btn {
            @extend %default-btn;
          }
        }
      }
    }
  }

  //无摘要的文章
  @at-root {
    .main-article-items {
      @extend %clearfix;
      margin-left: -20px;

      .main-article {
        @extend %fl;
        width: 350px;
        margin-left: 20px;
      }
    }
  }
}